<template>
  <div id="file-num" class="file-num">
    <i class="iconfont icon-file-copy rel" v-bind:class="{'icon-color':fileNum<1,'icon-wenjian1':fileNum>1}">
    <span class="abs db">{{fileNum}}</span>
    </i>
  </div>
</template>
<script type="text/javascript">
export default {
  props: {
    fileNum: [String, Number]
  }
}
</script>
<style type="text/css" scoped>
.file-num {
  height: 44px;
}

.file-num i {
  font-size: 44px;
  color: #d8e7ff;
}

.file-num span {
  top: 15px;
  left: 18px;
  color: #fff;
  font-size: 15px;
}

.file-num i.icon-color {
  color: #dddddd;
}
</style>
